<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" href="css/first.css" media="screen and (min-width:1000px)" />
		<link rel="stylesheet" href="css/first_2.css" media="screen and (max-width:999px) and (min-width:841px)" />
		<link rel="stylesheet" href="css/first_1.css" media="screen and (max-width:840px)" />
		
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<script src="js/jquery-1.12.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
//手机端判断各个平台浏览器及操作系统平台
function checkPlatform(){
	if(/android/i.test(navigator.userAgent)){
		window.location.href="mobile/first.html";//这是Android平台下浏览器
	}
	if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){
		window.location.href="mobile/first.html";//这是iOS平台下浏览器
	}
	if(/Linux/i.test(navigator.userAgent)){
		window.location.href="mobile/first.html";//这是Linux平台下浏览器
	}
	if(/Linux/i.test(navigator.platform)){
		window.location.href="mobile/first.html";//这是Linux操作系统平台
	}
	if(/MicroMessenger/i.test(navigator.userAgent)){
		window.location.href="mobile/first.html";//这是微信平台下浏览器
	}
}
  $(document).ready(function(){
//  alert(navigator.platform);
    checkPlatform();
  });
</script>
	</head>

	<body>
		<!--导航条-->
		<div class="header">
			<!--导航条Logo-->
			<div class="logo"><img src="img/logo.png" /></div>
			<!--导航条超链接-->
			<div class="header_right">
				<!--首页A标签-->
				<div class="first"><a href="first.html">首页</a></div>
				<!--产品-->
				<div class="product"><a href="product.html">产品</a></div>
				<!--动态-->
				<div class="trends"><a href="news.php">动态</a></div>
				<!--关于-->
				<div class="about"><a href="about.html">关于</a></div>
				<!--登录-->
				<div class="Login"><a href="login.html">登录</a></div>
			</div>
		</div>
		<!--导航条下边轮播-->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<!--第一个 flash div-->
				<div class="swiper-slide">
					<!--背景图片-->
					<img src="img/web_banner_bg.png" />
					<!--左边手机-->
					<div class="phone"></div>
					<!--右边文字-->
					<div class="text"></div>
					<!--右边超链接-->
					<div class="text_a"><a href="###">立即使用</a></div>
				</div>
				<!------第二个flash_2------>
				<div class="swiper-slide">
					<!--背景图片-->
					<img src="img/cusflo_banner-background.jpg" />
					<!--左边框框-->
					<div class="list"></div>
					<!--右边文字-->
					<div class="userPicture"></div>
					<!--右边超链接-->
					<div class="pic_a"><a href="###">立即使用</a></div>
				</div>
				<!--------第二个flash_3------->
				<div class="swiper-slide">
					<img src="img/bannerBg.jpg" />
					<!--左边框框-->
					<div class="zhf"></div>
					<!--右边文字-->
					<div class="userPicture"></div>
					<!--右边超链接-->
					<div class="pic_a"><a href="###">立即使用</a></div>
				</div>
			</div>
		</div>

		<!--带有生意字样的div-->
		<div class="Business">
			<img src="img/cus2.0.jpg" />
		</div>
		<!--背景图-->
		<div class="bg1"></div>
		<!--带有画像的字样div-->
		<div class="pic">
			<div class="IMg"><img src="img/know.png" /></div>
			<div class="Text"><img src="img/knowText.png" /></div>
		</div>
		<!--背景图-->
		<div class="bg2"></div>
		<!--带电脑div-->
		<div class="com">
			<div class="TheText"><img src="img/findText.png" /></div>
			<div class="TheIMg"><img src="img/find.png" /></div>
		</div>
		<!--背景图-->
		<div class="bg3"></div>
		<!--带手机的-->
		<div class="iphone">
			<div class="Bigphone"><img src="img/decide.png" /></div>
			<div class="BigText"><img src="img/decideText.png" /></div>
		</div>
		<!--背景图-->
		<div class="bg4"></div>
		<!--带地图-->
		<div class="map">
			<div class="SmallText"><img src="img/perciseText.png" /></div>
			<div class="TheMap"><img src="img/percise.png" /></div>

		</div>
		<div class="bottom">
			<p class="a1">客服热线:010-84402806 邮箱:contact@zicc.cc</p><br>
			<p class="a2">北京紫尘咨询有限公司</p>
		</div>

	</body>
	<script src="js/first.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		//导航栏移动变化	
		var header = document.querySelector(".header");
		document.onscroll = function() {
				if (scrollY > 65) {
					header.style.backgroundColor = "deepskyblue";
				} else {
					header.style.backgroundColor = "";
				}
			}
			//大图滚动
		var mySwiper = new Swiper('.swiper-container', {
			autoplay: 5000, //可选选项，自动滑动
			direction: 'vertical',
			speed: 300,
		})
	</script>

</html>